CSS Transition - くたくたじゅうよん

CSS Transition

https://developer.mozilla.org/ja/docs/Web/CSS/transition

http://www.htmq.com/css3/transition.shtml

例：transition: all 1s ease-out 0

all transtion-property

http://www.htmq.com/css3/transition-property.shtml

transition効果を適用するCSS propertyを指定する

allで変化を適用できるすべてのpropertyが変化する

初期値：all

1s transition-duration

http://www.htmq.com/css3/transition-duration.shtml

transition効果の長さ

初期値は0 (変化なし)

ease-out transition-timing-function

http://www.htmq.com/css3/transition-timing-function.shtml

変化を表す函数

初期値はease

0 transition-delay

http://www.htmq.com/css3/transition-delay.shtml

transition効果がいつ始まるかを決める

初期値は0(即開始)

#2022-12-31 11:40:37